<!DOCTYPE html>
<!-- saved from url=(0032)https://www.weixinsxy.com/jssdk/ -->
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  <title>微信JS-SDK Demo</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
  <link rel="stylesheet" href="./wechat-jssdk-demo_files/style.css">
  <style type="text/css">
    #htmlToothbrush #bodyToothbrush .parentToothbrush .bilibili-player-video {
      margin: 0 !important;
    }

    #htmlToothbrush,
    #bodyToothbrush {
      overflow: hidden !important;
      zoom: 100% !important;
    }

    #htmlToothbrush #bodyToothbrush .parentToothbrush {
      overflow: visible !important;
      z-index: auto !important;
      transform: none !important;
      -webkit-transform-style: flat !important;
      transition: none !important;
      contain: none !important;
    }

    #htmlToothbrush #bodyToothbrush .absoluteToothbrush {
      position: absolute !important;
    }

    #htmlToothbrush #bodyToothbrush .playerToothbrush {
      position: fixed !important;
      top: 0px !important;
      left: 0px !important;
      width: 100vw !important;
      height: 100vh !important;
      max-width: none !important;
      max-height: none !important;
      min-width: 0 !important;
      min-height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      z-index: 2147483646 !important;
      border: none !important;
      background-color: #000 !important;
      transform: none !important;
    }

    #htmlToothbrush #bodyToothbrush .parentToothbrush video {
      object-fit: contain !important;
    }

    #htmlToothbrush #bodyToothbrush .parentToothbrush .videoToothbrush {
      width: 100vw !important;
      height: 100vh !important;
    }

    #playerControlBtn {
      text-shadow: none;
      visibility: hidden;
      opacity: 0;
      display: none;
      transition: all 0.5s ease;
      cursor: pointer;
      font: 12px "微软雅黑";
      margin: 0;
      width: 64px;
      height: 20px;
      line-height: 20px;
      border: none;
      text-align: center;
      position: fixed;
      z-index: 2147483647;
      background-color: #27A9D8;
      color: #FFF;
    }

    #playerControlBtn:hover {
      visibility: visible;
      opacity: 1;
      background-color: #2774D8;
    }

    #picinpicBtn {
      text-shadow: none;
      visibility: hidden;
      opacity: 0;
      display: none;
      transition: all 0.5s ease;
      cursor: pointer;
      font: 12px "微软雅黑";
      margin: 0;
      width: 53px;
      height: 20px;
      line-height: 20px;
      border: none;
      text-align: center;
      position: fixed;
      z-index: 2147483647;
      background-color: #27A9D8;
      color: #FFF;
    }

    #picinpicBtn:hover {
      visibility: visible;
      opacity: 1;
      background-color: #2774D8;
    }

    #leftFullStackButton {
      display: none;
      position: fixed;
      width: 1px;
      height: 100vh;
      top: 0;
      left: 0;
      z-index: 2147483647;
      background: #000;
    }

    #rightFullStackButton {
      display: none;
      position: fixed;
      width: 1px;
      height: 100vh;
      top: 0;
      right: 0;
      z-index: 2147483647;
      background: #000;
    }
  </style>
  <script charset="utf-8" src="chrome-extension://jgphnjokjhjlcnnajmfjlacjnjkhleah/js/btype.js"></script>
  <script type="text/javascript" charset="utf-8"
    src="chrome-extension://jgphnjokjhjlcnnajmfjlacjnjkhleah/js/chrome.js"></script>
</head>

<body ontouchstart="" style="zoom: 1;">
  <div class="wxapi_container">
    <div class="wxapi_index_container">
      <ul class="label_box lbox_close wxapi_index_list">
        <li class="label_item wxapi_index_item"><a class="label_inner"
            href="https://www.weixinsxy.com/jssdk/#menu-basic">基础接口</a></li>
        <li class="label_item wxapi_index_item"><a class="label_inner"
            href="https://www.weixinsxy.com/jssdk/#menu-share">分享接口</a></li>
        <li class="label_item wxapi_index_item"><a class="label_inner"
            href="https://www.weixinsxy.com/jssdk/#menu-image">图像接口</a></li>
        <li class="label_item wxapi_index_item"><a class="label_inner"
            href="https://www.weixinsxy.com/jssdk/#menu-voice">音频接口</a></li>
        <li class="label_item wxapi_index_item"><a class="label_inner"
            href="https://www.weixinsxy.com/jssdk/#menu-smart">智能接口</a></li>
        <li class="label_item wxapi_index_item"><a class="label_inner"
            href="https://www.weixinsxy.com/jssdk/#menu-device">设备信息接口</a></li>
        <li class="label_item wxapi_index_item"><a class="label_inner"
            href="https://www.weixinsxy.com/jssdk/#menu-location">地理位置接口</a></li>
        <li class="label_item wxapi_index_item"><a class="label_inner"
            href="https://www.weixinsxy.com/jssdk/#menu-webview">界面操作接口</a></li>
        <li class="label_item wxapi_index_item"><a class="label_inner"
            href="https://www.weixinsxy.com/jssdk/#menu-scan">微信扫一扫接口</a></li>
        <li class="label_item wxapi_index_item"><a class="label_inner"
            href="https://www.weixinsxy.com/jssdk/#menu-shopping">微信小店接口</a></li>
        <li class="label_item wxapi_index_item"><a class="label_inner"
            href="https://www.weixinsxy.com/jssdk/#menu-card">微信卡券接口</a></li>
        <li class="label_item wxapi_index_item"><a class="label_inner"
            href="https://www.weixinsxy.com/jssdk/#menu-pay">微信支付接口</a></li>
      </ul>
    </div>
    <div class="lbox_close wxapi_form">
      <h3 id="menu-basic">基础接口</h3>
      <span class="desc">判断当前客户端是否支持指定JS接口</span>
      <button class="btn btn_primary" id="checkJsApi">checkJsApi</button>

      <h3 id="menu-share">分享接口</h3>
      <span class="desc">获取“分享到朋友圈”按钮点击状态及自定义分享内容接口</span>
      <button class="btn btn_primary" id="onMenuShareTimeline">onMenuShareTimeline</button>
      <span class="desc">获取“分享给朋友”按钮点击状态及自定义分享内容接口</span>
      <button class="btn btn_primary" id="onMenuShareAppMessage">onMenuShareAppMessage</button>
      <span class="desc">获取“分享到QQ”按钮点击状态及自定义分享内容接口</span>
      <button class="btn btn_primary" id="onMenuShareQQ">onMenuShareQQ</button>
      <span class="desc">获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口</span>
      <button class="btn btn_primary" id="onMenuShareWeibo">onMenuShareWeibo</button>
      <span class="desc">获取“分享到QZone”按钮点击状态及自定义分享内容接口</span>
      <button class="btn btn_primary" id="onMenuShareQZone">onMenuShareQZone</button>

      <h3 id="menu-image">图像接口</h3>
      <span class="desc">拍照或从手机相册中选图接口</span>
      <button class="btn btn_primary" id="chooseImage">chooseImage</button>
      <span class="desc">预览图片接口</span>
      <button class="btn btn_primary" id="previewImage">previewImage</button>
      <span class="desc">上传图片接口</span>
      <button class="btn btn_primary" id="uploadImage">uploadImage</button>
      <span class="desc">下载图片接口</span>
      <button class="btn btn_primary" id="downloadImage">downloadImage</button>

      <h3 id="menu-voice">音频接口</h3>
      <span class="desc">开始录音接口</span>
      <button class="btn btn_primary" id="startRecord">startRecord</button>
      <span class="desc">停止录音接口</span>
      <button class="btn btn_primary" id="stopRecord">stopRecord</button>
      <span class="desc">播放语音接口</span>
      <button class="btn btn_primary" id="playVoice">playVoice</button>
      <span class="desc">暂停播放接口</span>
      <button class="btn btn_primary" id="pauseVoice">pauseVoice</button>
      <span class="desc">停止播放接口</span>
      <button class="btn btn_primary" id="stopVoice">stopVoice</button>
      <span class="desc">上传语音接口</span>
      <button class="btn btn_primary" id="uploadVoice">uploadVoice</button>
      <span class="desc">下载语音接口</span>
      <button class="btn btn_primary" id="downloadVoice">downloadVoice</button>

      <h3 id="menu-smart">智能接口</h3>
      <span class="desc">识别音频并返回识别结果接口</span>
      <button class="btn btn_primary" id="translateVoice">translateVoice</button>

      <h3 id="menu-device">设备信息接口</h3>
      <span class="desc">获取网络状态接口</span>
      <button class="btn btn_primary" id="getNetworkType">getNetworkType</button>

      <h3 id="menu-location">地理位置接口</h3>
      <span class="desc">使用微信内置地图查看位置接口</span>
      <button class="btn btn_primary" id="openLocation">openLocation</button>
      <span class="desc">获取地理位置接口</span>
      <button class="btn btn_primary" id="getLocation">getLocation</button>

      <h3 id="menu-webview">界面操作接口</h3>
      <span class="desc">隐藏右上角菜单接口</span>
      <button class="btn btn_primary" id="hideOptionMenu">hideOptionMenu</button>
      <span class="desc">显示右上角菜单接口</span>
      <button class="btn btn_primary" id="showOptionMenu">showOptionMenu</button>
      <span class="desc">关闭当前网页窗口接口</span>
      <button class="btn btn_primary" id="closeWindow">closeWindow</button>
      <span class="desc">批量隐藏功能按钮接口</span>
      <button class="btn btn_primary" id="hideMenuItems">hideMenuItems</button>
      <span class="desc">批量显示功能按钮接口</span>
      <button class="btn btn_primary" id="showMenuItems">showMenuItems</button>
      <span class="desc">隐藏所有非基础按钮接口</span>
      <button class="btn btn_primary" id="hideAllNonBaseMenuItem">hideAllNonBaseMenuItem</button>
      <span class="desc">显示所有功能按钮接口</span>
      <button class="btn btn_primary" id="showAllNonBaseMenuItem">showAllNonBaseMenuItem</button>

      <h3 id="menu-scan">微信扫一扫</h3>
      <span class="desc">调起微信扫一扫接口</span>
      <button class="btn btn_primary" id="scanQRCode0">scanQRCode(微信处理结果)</button>
      <button class="btn btn_primary" id="scanQRCode1">scanQRCode(直接返回结果)</button>

      <h3 id="menu-shopping">微信小店接口</h3>
      <span class="desc">跳转微信商品页接口</span>
      <button class="btn btn_primary" id="openProductSpecificView">openProductSpecificView</button>

      <h3 id="menu-card">微信卡券接口</h3>
      <span class="desc">批量添加卡券接口</span>
      <button class="btn btn_primary" id="addCard">addCard</button>
      <span class="desc">调起适用于门店的卡券列表并获取用户选择列表</span>
      <button class="btn btn_primary" id="chooseCard">chooseCard</button>
      <span class="desc">查看微信卡包中的卡券接口</span>
      <button class="btn btn_primary" id="openCard">openCard</button>

      <h3 id="menu-pay">微信支付接口</h3>
      <span class="desc">发起一个微信支付请求</span>
      <button class="btn btn_primary" id="chooseWXPay">chooseWXPay</button>
    </div>
  </div>

  <script src="./wechat-jssdk-demo_files/jweixin-1.0.0.js"></script>
  <script>
    /*
     * 注意：
     * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
     * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
     * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
     *
     * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
     * 邮箱地址：weixin-open@qq.com
     * 邮件主题：【微信JS-SDK反馈】具体问题
     * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
     */
    wx.config({
      debug: false,
      appId: 'wxf8b4f85f3a794e77',
      timestamp: 1637372181,
      nonceStr: 'rrQQnYrW4saDLx5y',
      signature: '5cbc3d0f4ff3be4a4e8a763cdb1a6fb7ed0412af',
      jsApiList: [
        'checkJsApi',
        'onMenuShareTimeline',
        'onMenuShareAppMessage',
        'onMenuShareQQ',
        'onMenuShareWeibo',
        'onMenuShareQZone',
        'hideMenuItems',
        'showMenuItems',
        'hideAllNonBaseMenuItem',
        'showAllNonBaseMenuItem',
        'translateVoice',
        'startRecord',
        'stopRecord',
        'onVoiceRecordEnd',
        'playVoice',
        'onVoicePlayEnd',
        'pauseVoice',
        'stopVoice',
        'uploadVoice',
        'downloadVoice',
        'chooseImage',
        'previewImage',
        'uploadImage',
        'downloadImage',
        'getNetworkType',
        'openLocation',
        'getLocation',
        'hideOptionMenu',
        'showOptionMenu',
        'closeWindow',
        'scanQRCode',
        'chooseWXPay',
        'openProductSpecificView',
        'addCard',
        'chooseCard',
        'openCard'
      ]
    });
  </script>
  <script src="./wechat-jssdk-demo_files/zepto.min.js"></script>
  <script src="./wechat-jssdk-demo_files/demo.js"> </script>

  <tbdiv id="picinpicBtn"></tbdiv>
  <tbdiv id="playerControlBtn"></tbdiv>
  <tbdiv id="leftFullStackButton"></tbdiv>
  <tbdiv id="rightFullStackButton"></tbdiv>
  <div id="fatkun-drop-panel">
    <a id="fatkun-drop-panel-close-btn">×</a>
    <div id="fatkun-drop-panel-inner">
      <div class="fatkun-content">
        <svg class="fatkun-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5892">
          <path
            d="M494.933333 782.933333c2.133333 2.133333 4.266667 4.266667 8.533334 6.4h8.533333c6.4 0 10.666667-2.133333 14.933333-6.4l2.133334-2.133333 275.2-275.2c8.533333-8.533333 8.533333-21.333333 0-29.866667-8.533333-8.533333-21.333333-8.533333-29.866667 0L533.333333 716.8V128c0-12.8-8.533333-21.333333-21.333333-21.333333s-21.333333 8.533333-21.333333 21.333333v588.8L249.6 475.733333c-8.533333-8.533333-21.333333-8.533333-29.866667 0-8.533333 8.533333-8.533333 21.333333 0 29.866667l275.2 277.333333zM853.333333 874.666667H172.8c-12.8 0-21.333333 8.533333-21.333333 21.333333s8.533333 21.333333 21.333333 21.333333H853.333333c12.8 0 21.333333-8.533333 21.333334-21.333333s-10.666667-21.333333-21.333334-21.333333z"
            p-id="5893"></path>
        </svg>
        <div class="fatkun-title">拖拽到此处</div>
        <div class="fatkun-desc">图片将完成下载</div>
      </div>
    </div>
  </div>
</body>

</html>